<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<title>文档处理</title>
	<style>
		div{
			background: lavenderblush;
			padding: 20px;
		}
		p{
			border:solid 1px red;
			background: lemonchiffon;
			padding: 20px;
		}
	</style>
	<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
	<script>
		$(function(){
			$("#btn3").click(function(){
				alert("试试就试试！");
			});
			// clone(true)
			$("#btn1").click(function(){
				/*将p元素及其身上事件克隆追加到div元素内部结尾*/
				$("p").clone(true).appendTo("div");
			});
			//clone(false)
			$("#btn2").click(function(){
				/*将p元素克隆追加到div元素内部结尾*/
				$("p").clone(false).appendTo("div");
			});
		});
	</script>
	</head>
<body>
	<button id="btn1">克隆元素-true</button>
	<button id="btn2">克隆元素-false</button>
	<p>
		要被克隆的段落
		<button id="btn3" >点击我试试</button>
	</p>
	<div>
		div1
	</div>
</body>
</html>